.order-list-page {
  background: #f3f2ed;
  height: 100vh;
  // display: flex;
  // flex-direction: column;

  // .at-tabs {
  //   height: 100vh;
  //   display: flex;
  //   flex-direction: column;

  //   .at-tabs__body{
  //     flex: 1;

  //     .at-tabs-pane{
  //       height: 100%;
  //     }
  //   }
  // }

  .order-list-page__tabs-pane {
    position: absolute;
    flex: 1;
    background: #f3f2ed;
    top: 88px;
    bottom: 0;
    padding: 30px 0;
    // height: 100% -44px;

    .order-item {
      background: #fff;
      padding: 0 32px;

      .order-item__top {
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #cdcdcd;
        display: flex;
        justify-content: space-between;

        .order-item__no {
          font-size: 22px;
          font-family: PingFang-SC-Medium;
          color: rgba(51, 51, 51, 1);
        }
        .order-item__status {
          font-size: 22px;
          font-family: PingFang-SC-Regular;
          font-weight: 400;
          color: rgba(255, 97, 97, 1);
        }
      }
      .order-item__products {
        .order-item__products-item {
          padding: 20px 0;
          border-bottom: 1px solid #cdcdcd;
          display: flex;
          line-height: 1;

          .order-item__products-item-photo {
            width: 150px;
            height: 150px;
            margin-right: 50px;
          }

          .order-item__products-item-right {
            flex: 1;
            .order-item__products-item-name {
              display: flex;
              justify-content: space-between;
              margin-top: 17px;
              font-size: 26px;
              font-family: PingFang-SC-Medium;
              color: rgba(51, 51, 51, 1);

              .order-item__products-item-quantity {
                font-size: 24px;
                font-family: PingFang-SC-Medium;
                color: rgba(153, 153, 153, 1);
              }
            }
            .order-item__products-item-desc {
              margin-top: 30px;
              font-size: 20px;
              font-family: PingFang-SC-Medium;
              color: rgba(153, 153, 153, 1);
            }
            .order-item__products-item-price {
              margin-top: 29px;
              font-size: 20px;
              font-family: PingFang-SC-Medium;
              color: rgba(0, 0, 0, 1);
            }
          }
        }
      }
      .order-item__bottom {
        height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .order-item__bottom-left {
          display: flex;
          align-items: center;
        }

        .order-item__total-quantity {
          font-size: 22px;
          font-family: PingFang-SC-Regular;
        }
        .order-item__total-price-unit {
          padding: 0 5px 0 10px;
          font-size: 24px;
          font-family: PingFang-SC-Medium;
        }
        .order-item__total-price {
          font-size: 30px;
          font-family: PingFang-SC-Medium;
        }

        .order-item__buttons {
          display: flex;

          @mixin button {
            // width: 120px;
            padding: 8px 12px;
            font-size: 24px;
            // height: 40px;
            border-radius: 5px;
            font-family: PingFang-SC-Medium;
            margin-left: 10px;
          }

          .order-item__primary-button {
            @include button();
            border: 1px solid rgba(255, 97, 97, 1);
            color: rgba(255, 97, 97, 1);
          }

          .order-item__secondary-button {
            @include button();
            border: 1px solid rgba(102, 102, 102, 1);
            color: rgba(0, 0, 0, 1);
          }
        }
      }
    }
  }
}
